<template>
    <div class="header">
        <div class="header-title">僵尸企业网</div>
        <div class="header-info">
            <a  class="header-login" href="#">登录/</a>
            <a class="header-resister" href="#">注册</a>
            <img class="header-img" src="../../../../static/1.jpg">
        </div>
    </div>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>

<style lang="stylus" scoped>
  @import '~styles/varibies.styl'
  .header{
      position: relative;
      display: flex;
      height: 120px;
      width: 100%;
      align-items: center;
      justify-content: center;
      background: #F5F5F5;
      z-index: 99;
  }
    .header-title{
        flex: 1;
        font-size: 50px;
        text-indent: 40px;
        color: $bgColor;
        font-weight: bold;
    }
    .header-info{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .header-img{
        height: 120px;
        width:  112px;
        color: #F5F5F5;
    }
</style>
